<template>
	<div>
		<header-top :option='headerOption'></header-top>
		<div class="share_game-rules_content">
			<div v-if='$route.query.kind == "CLS" '>
				<img class="image1" src="http://dl.app.gtja.com/nrng/images/game/chaoji/1@2x.png">
				<img class="image2" src="http://dl.app.gtja.com/nrng/images/game/chaoji/2@2x.png">
				<img class="image3" src="http://dl.app.gtja.com/nrng/images/game/chaoji/3@2x.png">
			</div>
			<div v-else-if='$route.query.kind == "JYS" '>
				<img class="image1" src="http://dl.app.gtja.com/nrng/images/game/jys/1.jpg">
				<img class="image2" src="http://dl.app.gtja.com/nrng/images/game/jys/2.jpg">
				<img class="image3" src="http://dl.app.gtja.com/nrng/images/game/jys/3.jpg">
			</div>
			<div v-else>
				<img class="image1" src="http://dl.app.gtja.com/nrng/help/cdn/images/tu1@2x.png">
				<img class="image2" src="http://dl.app.gtja.com/nrng/help/cdn/images/tu2@2x.png">
				<img class="image3" src="http://dl.app.gtja.com/nrng/help/cdn/images/tu3@2x.png">
			</div>
	  	<div class="game-rules_button-wrap">
	    	<span class="game-rules_button" @click="onBack">知道了，别BB了</span>
	  	</div>
		</div>
	</div>
</template>

<script>
	import HeaderTop from 'components/HeaderTop'
	export default{
		data(){
			return{
				headerOption: {
          title: '牛人牛股',
          operations:[]
	      }
			}
		},
		components:{HeaderTop},
		methods: {
			onBack(){
				this.$router.go(-1);
			}
		}
	}
</script>
<style scoped>
img{
	width: 100%;
	margin-bottom: 2px;
}
.game-rules_button-wrap{
	text-align: center;
	margin: 10px auto;
}
.game-rules_button-wrap  .game-rules_button{
	min-width: 60%;
	background-color: #FDBB4A;
	padding: 5px 10px;
	color: white;
	border-radius: 15px;
	display: inline-block;
}
</style>